<template>
 	<div id="app">
 		<header>
 			<ul>
	 			<a>
	 				<li @click="fanhui">取消</li>
	 			</a>
	 			<a>
	 				<li>一购网一登录</li>
	 			</a>
 				<router-link to="zhuce">
 				  <li>注册</li>
 			    </router-link>
 			</ul>
 		</header>
 		<section class="content">
 			<div class="content-top"></div>
 			<div class="content-main-denglu">
	 			<div class="content-login-email">
	 				<ul>
	 					<li><img src="../assets/img/xiugainicheng.png"></li>
		 				<li><input type="text" placeholder="请输入手机号/邮箱/用户名"></li>
	 				</ul>
	 			</div>

	 			<div class="content-password">
	 				<ul>
	 					<li><img src="../assets/img/suo.png"></li>
	 					<li>请输入密码</li>
	 					<li>忘记密码？</li>
	 				</ul>
	 			</div>
	 		</div>
			
			<div class="content-icon">
			   <router-link to="dengluzhanghao">
		 		<div class="content-push-top">
					<p>登录</p>
		 		</div>
		 	</router-link>
		 		<div class="content-photo-denglu">
		 			<p>手机账号登录</p>
		 		</div>
		 	</div>
 		</section>
 		<footer>
 			<div class="content-main-zhuce">			
 				<div class="content-main-login-zhuce">
 					<p>第三方登录</p>
 				</div>
 				<div class="content-main-weixin-zhuce">
 					<p><img src="../assets/img/weixin.png"></p>
 					<p>微信</p>
 				</div>
 			</div>
 		</footer>
 	</div>
</template>

<script>
export default {
  name: 'app',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	}
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import '.././assets/less/sjdenglu.less';
   @import '.././assets/css/reset.css';
</style>